<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div id="app">
    <div>
      <input type="text" v-model="name" placeholder="姓名"/>
      <input type="text" v-model="age" placeholder="年龄"/>
      <input type="text" v-model="email" placeholder="邮箱"/>
      <input type="text" v-model="phone" placeholder="电话"/>
    </div>
    <div>
      <p>姓名：<span>{{name}}</span></p>
      <p>年龄：<span>{{age}}</span></p>
      <p>邮箱：<span>{{email}}</span></p>
      <p>
      <p>
        电话：<span>{{phone}}</span>
      </p>
      </p>
    </div>
  </div>


  <script src="./mvvm.js"></script>
  <script>
    const app = new MVVM("#app",{
      name:"",
      age:"",
      email:"",
      phone:""
    });
  </script>
</body>
</html>
